.head-avatar {
  position: fixed;
  top: -30rpx;
  left: -30rpx;
  right: -30rpx;
  z-index: -1;
  width: 810rpx;
  height: 420rpx;
  filter: blur(10rpx);
}

.body {
  position: relative;
  background-color: #f7f7f7;
  border-radius: 30rpx 30rpx 0 0;
  margin-top: 360rpx;
  min-height: 100vh;
  padding-top: 100rpx;

  .avatar {
    position: absolute;
    left: 50%;
    top: -80rpx;
    transform: translateX(-50%);
    width: 160rpx;
    height: 160rpx;
    border-radius: 80rpx;
    border: 2px solid #f7f7f7;
  }

  .name {
    text-align: center;
    font-size: 30rpx;
    font-weight: 600;
    margin-bottom: 24rpx;
  }

  .line {
    margin: 12rpx 24rpx;
    display: flex;
    align-items: center;
    gap: 12rpx;
    font-size: 26rpx;

    .label {
      width: 4em;
    }
    .content {
      color: #666666;
    }
  }
}